<template>
    <div class="main">
      <div class="foot">
        <p>预付 <span>￥{{show_price}}</span></p>
        <a @click="isShow = true">{{btn}}</a>
      </div>
      <div class="prop" v-show="isShow">
        <div class="propcon">
          <p>
            项目仅限非会员购买<br>
            BUT<br>
            会员可以发起拼团<br>
            拼团成功可获得现金红包<br>
          </p>
          <router-link :to={path}>{{ks}}</router-link>
          <div><span class="" @click="isShow = false">×</span></div>
        </div>
      </div>
    </div>
</template>

<script>
  import $ from "jQuery";
  import {
    baseUrl
  } from "@/assets/public";
    export default {
        name: 'main',
        data () {
            return {
              isShow:"",
              url:"",
            }
        },
        props:['btn','ks','show_price','path'],
        created() {
        },
        mounted(){

        },
        methods: {}
    }
</script>

<style scoped>
  .main {
  padding-bottom:1.5rem;
  }
  .foot {
    width: 80%;
    padding:0 10%;
    height: 1.5rem;
    border-top:1px solid #dddddd;
    display: flex;
    align-items: center;
    justify-content:space-between;
    position: fixed;
    bottom:0;
    left:0;
    background: #ffffff;
  }
  .foot p {
    font-size:.4rem;
  }
  .foot p span {
    color: #ff5454;
  }
  .foot a {
    display: block;
    width: 5rem;
    text-align: center;
    height:1rem;
    line-height:1rem;
    background: #000;
    color: #ffffff;
    letter-spacing: 2px;
    font-size:.4rem;
  }
  .prop {
    width: 100%;
    height: 20rem;
    background: rgba(76,76,76,.7);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999999;
  }
  .propcon {
    width: 90%;
    height:10rem;
    margin:0 auto;
    margin-top:2rem;
    background: url("../../img/prop.png") center center no-repeat;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    /*align-items: center;*/
  }

  .propcon p {
    width: 100%;
    height:auto;
    text-align: center;
    margin-top:3.5rem;
    font-size:.34rem;
    line-height:.6rem;
  }
  .propcon a {
    display: block;
    width: 3rem;
    height: 1rem;
    line-height: 1rem;
    text-align: center;
    border:1px solid #000;
    /*margin-bottom:2rem;*/
  }
  .propcon div {
    width: 100%;
    text-align: center;
  }
  .propcon span {
    font-size:.8rem;
    color: #666;
  }
</style>
